<style>
    .context{
        margin: 20px 10px 20px 10px;
    }
    .message{
        margin-bottom: 10px;
    }
    .read a{
        color: #bbb;
    }
</style>
<div style="margin-left: 20px">

        {% for notification in request.user.notifications.all %}
            <div class="{% if not notification.unread %}read{% endif %} message">
                <a href="{% url 'my_notifications:notification' notification.pk %}">{{ notification.verb }}--{{ notification.timestamp }}</a>
            </div>
        {% endfor %}

</div>